.settlementDetailwrap{
	.waybillInfo{
		background: #ECECEC;
		.titleH3{
			background: #fff;
		}
		.feeInfo{
			background: #fff;
			span{
				font-weight: 400;
				color: #333;
			}
			i{
				font-weight: 400;
			}
			b{
				text-align: justify;
          		text-align-last: justify;
          		line-height: 0;
			}
			.count{
				color: #333;
				font-weight: 400;
				i{
					font-size: 36px;
				}
			}
		}
		.detailedWrap{
			margin-top: 12px;
			.tit{
				background: #fff;
				border-bottom: 2px solid #E8E8E8;
				div{
					display: inline-block;
					width: 49%;
					text-align: center;
					span{
						padding: 0 40px;
						padding-bottom: 18px;
						border-bottom: 4px solid transprent;
						&.active{
							color: @blue;
							border-bottom: 4px solid @blue;
						}
					}
				}
			}
			.settleCont{
				.singerBox{
					margin-top: 20px;
					background: #fff;
					padding: 30px;
					border-radius: 16px;
					.boxTitle{
						margin-bottom: 32px;
						color: #999;
						.left{
							line-height: 36px;
							color: #999;
							font-weight: 400;
						}
						.right{
							padding: 6px;
							border-radius: 6px;
							font-size: 24px;
							font-weight: 400;
							line-height: 28px
						}
					}
					.address{
						font-size: 32px;
						font-weight: 800;
						position: relative;
						& span{
							font-weight: 500
						}
						.iconTo{
							display: inline-block;
							width: 60px;
							position: absolute;
							left: 50%;
							transform:translateX(-30px)
						}
						.add{
							width: 267px;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
						}
					}
					.info{
						font-size: 26px;
						color:#666;
						margin-bottom: 26px;
						line-height: 40px;
						.down{
							margin-top: 10px;
							span{
								color: #FF0505
							}
						}
					}
					.border{
						border-top: 3px dashed #E8E7E8;
						height: 3px;
						margin: 28px 0
					}
					.dispatchBtnWrap{
						text-align: right;
						.fl{
							color: @blue;
							font-size: 26px;
							line-height: 60px;
						}
						.btn{
							width: 180px;
							font-size: 28px;
							line-height: 30px;
							height: 52px;
							border-radius: 8px;
							background: @blue
						}
					}
				}
			}
			.invoiceCont{
				.freightInvoice{
					padding:0 20px 20px 20px;
					margin-bottom: 20px;
					background: #fff;
					.infoBox{
						margin-bottom: 40px;
						border-radius: 8px;
						background: #F6F6F6;
						border:2px solid #C2C2C2;
						padding: 20px;
						hr{
							height:1px;
							border:none;
							border-top:2px dashed #C8C8C8;
							margin: 10px 0;
						}
						ul{
							line-height: 36px;
							padding: 0;
							li{
								width: 49%;
								display: inline-block;
								border-bottom: none;
								color: #666;
								&.full{
									width: 100%
								}
								i{
									font-weight: 400;
								}
							}
						}
						.imgGroup{
							img{
								float: left;
								width: 140px;
								height: 140px;
								margin: 8px;
							}
						}
					}
				}
			}
		}
		.nullData{
			background: #fff;
			padding: 40px;
			p{
				padding-top: 240px;
				background: url(../../imgs/fach.jpg) no-repeat 50% 0;
				background-size: 240px 220px;
				text-align: center;
				color: #666;
				font-size: 26px;
			}
		}
	}
}

























